<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <f:view contentType="text/html">
        <h:head>
            <f:facet name="first">
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                <title>Bajlam System</title>
            </f:facet>
        </h:head>

        <h:body>

            <p:layout fullPage="true">
   
                <p:layoutUnit position="north" size="150" resizable="true" closable="true" collapsible="true" >
<img src="../Cabeza.png" width="100%" height="37" alt="Cabeza"/>
                 <center><H1>Bajlam System</H1> </center>
       

                </p:layoutUnit>

                <p:layoutUnit position="south" size="100" closable="true" collapsible="true">
                    <center><FONT FACE="raro, courier" COLOR="red">
 UMG,Sololá</FONT></center>
                    <img src="../pie.jpg" width="100%" height="37" alt="Cabeza"/>
                </p:layoutUnit>

                <p:layoutUnit position="west" size="175" header="Ocultar" collapsible="true">
                    <p:menu>
                        <p:submenu label="Modulos">
                            <p:menuitem value="Inicio" outcome="index.xhtml" />
                            <p:menuitem value="Productos" outcome="Productos.xhtml" />
                            <p:menuitem value="Configuracion" url="Config.xhtml" />
                        </p:submenu>

                    </p:menu>
                </p:layoutUnit>

                <p:layoutUnit position="center" style="background-color:#FFFFFF;">
             

                   <h:form>
                          <p:panel header="Configuraciones Del Producto" style="width:700px">
                            <h:panelGrid columns="4" cellpadding="5">
                              <p:commandButton value="Añadir Categoria" onclick="PF('dlgcat').show();" type="button" />
                              <p:commandButton value="Añadir Sub-categoria" onclick="PF('dlgsbcat').show();" type="button" />
                              <p:commandButton value="Añadir Impuesto" onclick="PF('dlimpuesto').show();" type="button" />
                              <p:commandButton value="Añadir Unidad" onclick="PF('dlunidad').show();" type="button" />
                            </h:panelGrid>
                        </p:panel>
                   </h:form>  
                            
                    
                 <!-- Inicia Ingreso Categoria-->
                 
                      <p:dialog header="Categoria" widgetVar="dlgcat" minimizable="true" maximizable="true">
                          <h:form>
                           <h:panelGrid columns="3" cellpadding="5">
                               <h:outputLabel for="categorias" value="Categoria" />
                               <p:inputText value="#{producto.catg}" id="cotegorias" required="true" style="width:85%"/><br/>
                               <p:commandButton value="Guardar"  actionListener="#{producto.addCategoria}" ajax="false" /> 
                          </h:panelGrid>
                          </h:form>
                                       <h:form id="form1">
            <p:growl id="messages" showDetail="true"/>
                <p:spacer height="30px;"/>
                <p:dataTable value="#{producto.complete(query)}" var="cli"  widgetVar="50" style="width: 50%;"  editable="true" scrollable="true" scrollHeight="170" id="categ">
                    <f:facet name="header">  
                        Lista De Productos  
                    </f:facet>
                    <p:ajax event="rowEdit" listener="#{producto.onEdit}" update=":form1:messages" />  
                    <p:ajax event="rowEditCancel" listener="#{producto.onCancel}" update=":form1:messages" /> 
                    <p:column>
                        <f:facet name="header">  
                            <h:outputText value="Categoria" />  
                        </f:facet>
                        <p:cellEditor>  
                            <f:facet name="output">  
                                <h:outputText value="#{cli.toString()}" />  
                            </f:facet>  
                            <f:facet name="input">  
                                <p:inputText value="#{cli.toString()}" style="width:100%"/>  
                            </f:facet>  
                        </p:cellEditor> 
                    </p:column>

                    
                    <p:column headerText="Options" style="width:50px">  
                        <p:rowEditor />  
                    </p:column> 
                </p:dataTable>        

        </h:form>

                          
                     </p:dialog>
                    
                    <!-- Finaliza Ingreso categoria -->
                    <!-- Inicia Ingreso Categoria-->
                 
                      <p:dialog header="Sub-Categoria" widgetVar="dlgsbcat" minimizable="true" maximizable="true">
                          <h:form>
                           <h:panelGrid columns="3" cellpadding="5">
                               <h:outputLabel for="sbcategorias" value="Sub-Categoria" />
                               <p:inputText value="#{producto.sbcate}" required="true" style="width:85%"/><br/>
                               <p:commandButton ajax="false" action="#{producto.addSubcate}" value="Guardar"/> 
                          </h:panelGrid>
                          </h:form>
                          
                           <p:dataTable value="#{producto.completeSub(query)}" var="cli2"  widgetVar="50" style="width: 50%;"  editable="true" scrollable="true" scrollHeight="170" id="subcatg">
                    <f:facet name="header">  
                        Lista De Sub-Categorias  
                    </f:facet>
                    <p:ajax event="rowEdit" listener="#{producto.onEdit}" update=":form1:messages" />  
                    <p:ajax event="rowEditCancel" listener="#{producto.onCancel}" update=":form1:messages" /> 
                    <p:column>
                        <f:facet name="header">  
                            <h:outputText value="Sub-Categoria" />  
                        </f:facet>
                        <p:cellEditor>  
                            <f:facet name="output">  
                                <h:outputText value="#{cli2.toString()}" />  
                            </f:facet>  
                            <f:facet name="input">  
                                <p:inputText value="#{cli2.toString()}" style="width:100%"/>  
                            </f:facet>  
                        </p:cellEditor> 
                    </p:column>

                    
                    <p:column headerText="Options" style="width:50px">  
                        <p:rowEditor />  
                    </p:column> 
                </p:dataTable>         

                     </p:dialog>
                    
                    <!-- Finaliza Ingreso categoria -->
                    <!-- Inicia Ingreso Categoria-->
                 
                      <p:dialog header="Impuestos" widgetVar="dlimpuesto" minimizable="true" maximizable="true">
                          <h:form>
                           <h:panelGrid columns="3" cellpadding="5">
                               <h:outputLabel  value="Impuesto" />
                               <p:inputText value="#{producto.impues}" required="true" style="width:85%"/><br/>
                               <p:commandButton ajax="false" action="#{producto.addImpuesto}" value="Guardar"/> 
                          </h:panelGrid>
                          </h:form>
                          <p:dataTable value="#{producto.completeImpues(query)}" var="cli3"  widgetVar="50" style="width: 50%;"  editable="true" scrollable="true" scrollHeight="170" id="Impuestos">
                    <f:facet name="header">  
                        Lista De Impuestos  
                    </f:facet>
                    <p:ajax event="rowEdit" listener="#{producto.onEdit}" update=":form1:messages" />  
                    <p:ajax event="rowEditCancel" listener="#{producto.onCancel}" update=":form1:messages" /> 
                    <p:column>
                        <f:facet name="header">  
                            <h:outputText value="Impuesto" />  
                        </f:facet>
                        <p:cellEditor>  
                            <f:facet name="output">  
                                <h:outputText value="#{cli3.toString()}" />  
                            </f:facet>  
                            <f:facet name="input">  
                                <p:inputText value="#{cli3.toString()}" style="width:100%"/>  
                            </f:facet>  
                        </p:cellEditor> 
                    </p:column>

                    
                    <p:column headerText="Options" style="width:50px">  
                        <p:rowEditor />  
                    </p:column> 
                </p:dataTable>                           
                     </p:dialog>
                    
                    <!-- Finaliza Ingreso categoria -->
                    <!-- Inicia Ingreso Categoria-->
                 
                      <p:dialog header="Unidad" widgetVar="dlunidad" minimizable="true" maximizable="true">
                          <h:form>
                           <h:panelGrid columns="3" cellpadding="5">
                               <h:outputLabel  value="Unidad De Medida" />
                               <p:inputText value="#{producto.uni}" required="true" style="width:85%"/><br/>
                               <p:commandButton ajax="false" action="#{producto.addUnidad}" value="Guardar"/> 
                          </h:panelGrid>
                          </h:form>
                          <p:dataTable value="#{producto.completeUni(query)}" var="cli4"  widgetVar="50" style="width: 50%;"  editable="true" scrollable="true" scrollHeight="170" id="unidades">
                    <f:facet name="header">  
                        Lista De Unidades  
                    </f:facet>
                    <p:ajax event="rowEdit" listener="#{producto.onEdit}" update=":form1:messages" />  
                    <p:ajax event="rowEditCancel" listener="#{producto.onCancel}" update=":form1:messages" /> 
                    <p:column>
                        <f:facet name="header">  
                            <h:outputText value="Unidad de Medida" />  
                        </f:facet>
                        <p:cellEditor>  
                            <f:facet name="output">  
                                <h:outputText value="#{cli4.toString()}" />  
                            </f:facet>  
                            <f:facet name="input">  
                                <p:inputText value="#{cli4.toString()}" style="width:100%"/>  
                            </f:facet>  
                        </p:cellEditor> 
                    </p:column>

                    
                    <p:column headerText="Options" style="width:50px">  
                        <p:rowEditor />  
                    </p:column> 
                </p:dataTable>  
                     </p:dialog>
                    
                    <!-- Finaliza Ingreso categoria -->
                    
                    <!-- fin del dialogo (Formulario de ingreso de clientes)-->
                    

        <!-- inicio tabla  -->     
      
        
 
      <!-- inicio tabla  -->      

        

                </p:layoutUnit>

            </p:layout>

        </h:body>

    </f:view>
</html>


